﻿<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    x:Class="Oliver.Controls.OnlineOfflineControl"
    mc:Ignorable="d" d:DesignWidth="30.018" d:DesignHeight="30.193">
    <Grid x:Name="LayoutRoot" MinWidth="20" MinHeight="20">
    	<VisualStateManager.VisualStateGroups>
    		<VisualStateGroup x:Name="VisualStateGroup">
    			<VisualStateGroup.Transitions>
    				<VisualTransition GeneratedDuration="00:00:01"/>
    			</VisualStateGroup.Transitions>
    			<VisualState x:Name="Online">
    				<Storyboard>
    					<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
    						<EasingColorKeyFrame KeyTime="00:00:00" Value="#FF18C500"/>
    					</ColorAnimationUsingKeyFrames>
    				</Storyboard>
    			</VisualState>
    			<VisualState x:Name="Offline">
    				<Storyboard>
    					<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
    						<EasingColorKeyFrame KeyTime="00:00:00" Value="Red"/>
    					</ColorAnimationUsingKeyFrames>
    					<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
    						<EasingColorKeyFrame KeyTime="00:00:00" Value="#FFFFF302"/>
    					</ColorAnimationUsingKeyFrames>
    				</Storyboard>
    			</VisualState>
    		</VisualStateGroup>
    	</VisualStateManager.VisualStateGroups>
    	<Grid.RowDefinitions>
    		<RowDefinition Height="0.5*"/>
    		<RowDefinition Height="0.5*"/>
    	</Grid.RowDefinitions>
    	<Ellipse Grid.RowSpan="2">
    		<Ellipse.Stroke>
    			<LinearGradientBrush EndPoint="0.847,0.854" StartPoint="0.153,0.146">
    				<GradientStop Color="Black" Offset="0"/>
    				<GradientStop Color="White" Offset="1"/>
    			</LinearGradientBrush>
    		</Ellipse.Stroke>
    		<Ellipse.Fill>
    			<LinearGradientBrush EndPoint="0.153,0.854" StartPoint="0.847,0.146">
    				<GradientStop Color="Black" Offset="0"/>
    				<GradientStop Color="White" Offset="1"/>
    			</LinearGradientBrush>
    		</Ellipse.Fill>
    	</Ellipse>
    	<Ellipse x:Name="ellipse" Margin="1" Grid.RowSpan="2">
    		<Ellipse.Fill>
    			<RadialGradientBrush>
    				<GradientStop Color="#FF9A9A9A" Offset="1"/>
    				<GradientStop Color="#FFF0EB90"/>
    			</RadialGradientBrush>
    		</Ellipse.Fill>
    	</Ellipse>
    	<Path Stretch="Fill" Margin="2,2,2,-2" Data="M210,103 C210,159.88533 162.9899,95 105,95 C47.010101,95 0,159.88533 0,103 C0,46.11467 47.010101,0 105,0 C162.9899,0 210,46.11467 210,103 z" UseLayoutRounding="False">
    		<Path.Fill>
    			<RadialGradientBrush RadiusX="0.489" RadiusY="0.489" GradientOrigin="0.5,0.151">
    				<GradientStop Color="#4DFFFFFF" Offset="1"/>
    				<GradientStop Color="#EDFFFFFF"/>
    			</RadialGradientBrush>
    		</Path.Fill>
    	</Path>
    </Grid>
</UserControl>
